<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片上传</title>
	<link rel="stylesheet" href="../../libs/bootstrap.min.css">
    <link rel="stylesheet" href="../../libs/thirdly/font-awesome.min.css">
    <link rel="stylesheet" href="../../libs/jqGrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../libs/jstree/themes/default-dark/style.min.css">
	<link rel="stylesheet" href="../../libs/webuploader/webuploader.css">
	<link rel="stylesheet" href="../../libs/webuploader/style.css">
    <link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/MDM/MDM002001.css">

    <script src="../../libs/jquery.min.js"></script>
	<script src="../../libs/jquery-ui.js"></script>
	<!--<script src="../../libs/bootstrap.min.js"></script> -->
    <script src="../../libs/jqGrid/jquery.jqGrid.min.js"></script>
    <script src="../../libs/jqGrid/grid.locale-cn.js"></script>
	<script src="../../libs/jstree/jstree.min.js"></script>  
	<script src="../../libs/webuploader/underscore-min.js"></script>
	<script src="../../libs/webuploader/webuploader.min.js"></script>

    <script src="../../js/config.js"></script>

</head>

<body>

<div class="m_wrapper">
    <aside class="u_menu_container">
        <!-- /component/me_Menu.html -->
    </aside>
    <section class="u_wrapper">
        <header>
            <div class="u_header">
                <h2>图片上传</h2>
            </div>
        </header>
        <div class="u_content_wrapper">
            <div class="u_toolbar u_user">
                <ul class="u_toolgroup">
					<li class="u_tool" data-opt="add">
						<i class="fa fa-plus"></i><span>添加</span>
					</li>
                    <li class="u_tool" data-opt="edit">
						<i class="fa fa-pencil"></i><span>编辑</span>
					</li>
                </ul>
				<ul class="u_toolgroup u_search">
					<li class="u_tool" id="opt_search" data-opt="opt_search">
						<input type="text" value="" placeholder="搜索"/>
						<i class="fa fa-search"></i>
					</li>
				</ul>
            </div>
			<div class="u_contents clearfix">
				<div class="u_fixed_row">
                    <div id="jstree_folders"></div>
                </div>
				<div class="u_row">
					<div class="u_col_12x">
                        <div class="expBtn exp"></div>
						<div class="u_field_tables">
							<table id="jgTable"></table>
							<div id="jgPager"></div>
						</div>
					</div>
				</div>		
			</div>
		</div>
    </section>
</div>

<!-- 自定义模态框1 -->
<div id="modal-overlay1" class="modal-overlay hidden">
    <div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="list-inline pull-right">
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="form-horizontal">
                <div class="form-group">
                    <label class="data-label">代码</label> 
                    <div class="data-input">
                        <input class="form-control" type="text" disabled id="m_Code">  
                    </div>
                </div>
                <div class="form-group">
                    <label class="data-label">名称</label> 
                    <div class="data-input">
                        <input class="form-control" type="text" id="m_Name">
                    </div>
                </div>
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="submitBtn">
                    <i class="fa fa-save"></i>
                    确认修改
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 自定义模态框2 -->
<div id="modal-overlay2" class="modal-overlay hidden">
    <div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="list-inline pull-right">
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div id="wrapper">
                <div id="container">
                    <div id="uploader">
                        <div class="queueList">
                            <div id="dndArea" class="placeholder">
                                <div id="filePicker"></div>
                                <p>或将照片拖到这里，单次最多可选300张</p>
                            </div>
                        </div>
                        <div class="statusBar" style="display:none;">
                            <div class="progress">
                                <span class="text">0%</span>
                                <span class="percentage"></span>
                            </div><div class="info"></div>
                            <div class="btns">
                                <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 自定义模态框3 -->
<div id="modal-overlay3" class="modal-overlay hidden">
    <div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="list-inline pull-right">
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <form id="uploadForm" class="">
                <input type="file" name="file">
            </form>
            <div class="preview">
                <img class="prevPic" src="" alt="">
                <img class="nextPic" src="../../asset/images/preview.png" alt="">
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="uploader2">
                    <i class="fa fa-save"></i>
                    确认修改
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../../js/publicTpl.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/publicGrid.js"></script>
<script src="../../js/publicTree.js"></script>
<script src="../../js/upload.js"></script>
<script src="../../js/MDM/MDM002001.js"></script>

</body>
</html>